<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-cn">
		<head>
		<meta http-equiv=Content-Type content="text/html; charset=utf-8" />
				<title>ComboBox</title>
				
				<link rel="stylesheet" href="jquery.combobox.css" />
				<script type="text/javascript" src="jquery.js"></script>
				<script type="text/javascirpt" src="jquery.bgiframe.pack.js"></script>
				<script type="text/javascript" src="jquery.combobox.js"></script>
				
				<script type="text/javascript">
					$(function() {
						var array=[{"id":"1","bs":"chinese",'name':"中国"},{"id":"2","bs":"jpan",'name':"日本"},{"id":"3","bs":"usa",'name':"美国"},{"id":"4","bs":"russia",'name':"俄罗斯"}];
						$('#combo').combobox(array,{},"demoselect","comboval");
						$('#combo2').combobox(array,{},"demoselect2","comboval2",true);
					});
				</script>
		</head>
		<body>
			<div id="demoselect" style="float:left; display:inline;"><div style="float:left; display:inline;">示例1：</div><input type="text" id="combo" value="中国" /><input type='hidden' id='comboval' value="1" /></div>
			<div id="demoselect2" style="margin-left:10px; float:left; display:inline;"><div style="float:left; display:inline;">示例2：</div><input type="text" id="combo2" value="中国" /><input type='hidden' id='comboval2' value="2" /></div>
		</body>
</html>